<div xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:a="https://ajax4jsf.dev.java.net/ajax"
	xmlns:rich="http://richfaces.ajax4jsf.org/rich"
	xmlns:ctg="http://www.crotouristguide.com/taglib"><ui:composition
	template="/templates/layout/columns_3.xhtml">

	<ui:define name="column1">
		<br /> 
	</ui:define>
	<ui:define name="column2">
		<h:form id="loginPanelForm">
			<a:region renderRegionOnly="true">
				<rich:panel id="loginPanel" styleClass="blue-panel">
					<ctg:status />
					<s:div styleClass="title">
						<h1><h:outputText value="#{messages['title.login']}" /></h1>
						<h:outputText value="#{messages['subtitle.dont.have.account.1']} " />
						<h:outputLink
							value="#{application.contextPath}/user/registration.seam">
							<f:param name="l" value="#{currentLang}" />
							<h:outputText value="#{messages['subtitle.dont.have.account.2']}" />
						</h:outputLink>
						<h:outputText value=" #{messages['subtitle.dont.have.account.3']}" />
					</s:div>
					<br />
				<a:outputPanel ajaxRendered="true">
					<h:messages styleClass="message" errorClass="error"
						infoClass="info" globalOnly="true" />
				</a:outputPanel>
					<a:outputPanel ajaxRendered="true">
						<s:decorate id="usernameDecoration"
							template="/templates/edit.xhtml">
							<ui:define name="label">#{messages['label.username']}</ui:define>
							<h:inputText id="username" styleClass="field"
								value="#{identity.username}" required="true">

							</h:inputText>
						</s:decorate>
						<s:decorate id="passwordDecoration"
							template="/templates/edit.xhtml">
							<ui:define name="label">#{messages['label.password.short']}</ui:define>
							<h:inputSecret id="password" styleClass="field"
								value="#{identity.password}" required="true" redisplay="true">

							</h:inputSecret>
						</s:decorate>
						<!--<h:outputLabel for="rememberMe">#{messages['label.remeber.me']}</h:outputLabel>
				<h:selectBooleanCheckbox id="rememberMe"
					value="#{identity.rememberMe}" required="true">
				</h:selectBooleanCheckbox>
				<br />-->
						<a:commandButton value="Login" action="#{identity.login}"
							styleClass="submit" />
					</a:outputPanel>
					<br />
				</rich:panel>
			</a:region>
			<br />
			<br />
			<a:region renderRegionOnly="true">
				<rich:panel styleClass="blue-panel">
					<ctg:status />
					<s:div styleClass="title">
						<h1>#{messages['message.lost.username']}</h1>
					#{messages['message.enter.email']}
					</s:div>
					<br />
					<a:outputPanel ajaxRendered="true">
						<h:messages styleClass="message" errorClass="error"
							infoClass="info" globalOnly="true" />
					</a:outputPanel>
					<s:decorate id="emailDecoration2" template="/templates/edit.xhtml">
						<ui:define name="label">#{messages['label.email']}</ui:define>
						<h:inputText id="email2" styleClass="field" required="true"
							value="#{retrievePasswordAction.email}">

						</h:inputText>
					</s:decorate>
					<a:commandButton value="#{messages['label.retrieve.password']}"
						action="#{retrievePasswordAction.send}" styleClass="submit"
						reRender="emailDecoration2" />
					<br />
				</rich:panel>
			</a:region>
		</h:form>
	</ui:define>
		<ui:define name="column3">
			<h1> #{messages['title.membership.benefits']}</h1>
			<ul>
				<li><strong>#{messages['message.register.newsletters']}:</strong><br />
				#{messages['message.register.newsletters.detail']}</li>
				<li><strong>#{messages['message.register.advertise']}:</strong><br />
				#{messages['message.register.advertise.detail']}</li>				
				<li><strong>#{messages['message.register.personalization']}:</strong><br />
				#{messages['message.register.personalization.detail']}</li>
				<li><strong>#{messages['message.register.your.opinion']}:</strong><br />
				#{messages['message.register.your.opinion.detail']}</li>
			</ul>
		</ui:define>	
</ui:composition></div>